jQuery().ready(
			function(){
jQuery("#list1").jqGrid({
							url : baserUrl+'user/list?'+$('form').serialize(),
							height: '100%',
							datatype : "json",
							colNames : [ 'ID','登录名','姓名','电话号码','邮箱','上次在线时间','备注', '状态'  ],
							colModel : [{
								name : 'userId',
								index : 'userId',
								width : 75,
								editable:true,
								hidden:true,
								editrules:{required:false},
							}, {
								name : 'loginName',
								index : 'loginName',
								width : 75,
								editable:true,
								editrules:{required:true},
							},{
								name : 'userName',
								index : 'userName',
								width : 75,
								editable:true,
								editrules:{required:true},
							}, {
								name : 'phone',
								index : 'loginName',
								width : 100,
								editable:true,
							}, {
								name : 'email',
								index : 'loginName',
								width : 100,
								editable:true,
							},{
								name : 'lastLoginTime',
								index : 'loginName',
								width : 80,
								align : "right",
								editable:false,
							}, {
								name : 'note',
								index : 'loginName',
								width : 150,
								sortable : false,
								editable:true,
								editoptions:{size:10},
								editrules:{edithidden:true,required:true,number:true,minValue:40,maxValue:100}
							} , {
								name : 'isLogout',
								index : 'loginName',
								width : 150,
								sortable : false,
								align:'center',
							}],
							rowNum : 20,//每页显示条数
							autowidth : true,
							rowList : [20, 50,100 ],
							pager : jQuery('#pager1'),
							sortname : 'id',
							viewrecords : true,//是否显示行数
							sortorder : "desc",
							multiselect: true,
							caption : "用户列表",
							cellsubmit: 'clientArray',
							editurl:baserUrl+'user/save',
							jsonReader : {  
	    						root: "rows",   // json中代表实际模型数据的入口  
	    						page: "currentPage",   // json中代表当前页码的数据  
	    						total: "totalPage", // json中代表页码总数的数据  
	    						records: "total", // json中代表数据行总数的数据  
	    						repeatitems: false, // 如果设为false，则jqGrid在解析json时，会根据name来搜索对应的数据元素（即可以json中元素可以不按顺序）；而所使用的name是来自于colModel中的name设定。  
	    						cell: "cell",  
	    						id: "0",  
	    						userdata: "userdata",
    						},
    						    prmNames : {
							       
							    }  
						});
						
						jQuery("#list1").navGrid('#pager1',{edit:false,add:false,del:true,search:false},
							{  
								
						    },
						    {
						    	beforeSubmit : function(postdata, formid) 
						    	{
							    	$.each(postdata,function(key, value){
							    		postdata['user.'+key] = value;
							    		delete postdata[key];
									});
					               	console.info(postdata);
							    	return [true,""]
								}  
						    },
						    {
						    	height:120,
						    	width:280,
						    	reloadAfterSubmit:true,
						    	url:baserUrl+'user/delete',
								afterShowForm: function($form) {
                         		 $form.closest('div.ui-jqdialog').center();
                      			}
						    }//del
						    ).navButtonAdd('#pager1'
							,{
								caption:"", buttonicon:"ui-icon-search",   
								onClickButton: function(){searchevent();}, position:"first"  
						    }
							
						).navButtonAdd('#pager1'
							,{
								caption:"", buttonicon:"ui-icon-pencil",   
								onClickButton: function(){editevent();}, position:"first"  
						    }
							
						).navButtonAdd('#pager1'
							,{
								caption:"", buttonicon:"ui-icon-plus",   
								onClickButton: function(){getDetail(baserUrl+"user/add");}, position:"first"  
						    }
							
						);
						
						
				/**jQuery("#list1").jqGrid('navGrid','#pager1',{  
       			 		searchfunc : searchevent,
    					});**/
    					
    					initdialog();
    					initaddDialog();
			});


function initdialog (){
	$( ".searchbar" ).dialog({
autoOpen: false,
height: 300,
width: 350,
modal: true,
buttons: {
"查询": function() {
queryUsers();
},
"取消": function() {
$( this ).dialog( "close" );
}
},
close: function() {

}
});
}

function initaddDialog (){
	$( ".userDetail" )
	.dialog({
autoOpen: false,
height: 400,
width: 500,
modal: true,
buttons: {
"确认": function() {
		submitData();
},
"取消": function() {
	$( ".userDetail" ).dialog( "close" );
}
},
close: function() {
}
});
}

function reload(){
	$( ".userDetail" ).dialog( "close" );
	$("#list1").trigger("reloadGrid");
}

function  queryUsers(){
	$("#list1").setGridParam({url:baserUrl+'user/list?'+$('form').serialize()});
    $("#list1").trigger("reloadGrid");
    return false;
}

var  editevent = function(){
	var id = $("#list1").jqGrid('getGridParam','selrow');
    //根据id获取行数据,返回的是列表
    var rowDatas = $("#list1").jqGrid('getRowData', id);
    //取到选中行某一字段的值，其中name为colModel中定义的字段名
    var rowId = rowDatas["userId"];
	getDetail(baserUrl+'user/info?id='+rowId);
}

var  searchevent = function(){
	$( ".searchbar" ).dialog( "open" );
}
var  getDetail= function(url){
	$('.userDetail').load(url);
	$( ".userDetail" ).dialog( "open" );
	//$( ".userDetail" ).html('<iframe id="userDetailFrame" style="border: 0px; " src="' + url + '" width="100%" height="100%"></iframe>');
    //$( ".userDetail" ).dialog( "open" );
}

